.center(@type:absolute) {
  position: @type;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.popup() {
  position: absolute;
  width: 150px;
  height: 150px;
  left: 0px;
  top: -150px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #fff;
  transform-origin: 50% 100%;
  transform: scaleY(0);
  transition: 0.5s;
}
.before() {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  left: 42px;
  top: 145px;
  border: 1px solid;
  border-color: transparent black black transparent;
  background: #fff;
  transform: rotate(45deg);
  z-index: 2;
}
